<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Jukebox layout</title>
<style>
	#header{
		padding: 0px; /*내용과 테두리 사이 간격할당*/
	}
	#main{
		width: 940px;
		margin: 0 auto;
		text-align: left;
		zoom: 1;
	}
	#footer{
		text-align:center;
		padding:5px;
		border-top:1px solid black;
		height:70px;
		clear:both; /* float을 이용한 요소 아래에 배치시키기 위해
						  float 속성 초기화 시킴
					  */
	}
</style>

<link rel="stylesheet" href="css/bootstrap.css" media="screen">
<link rel="stylesheet" type="text/css" href='<tiles:getAsString name="css"/>'>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="css/bootstrap.min.js"></script>
</head>
<body>
<div id="containter">
	<div id="header"><tiles:insertAttribute name="header"/></div>
	<div id="main"><tiles:insertAttribute name="main"/></div>
	<div id="footer"><tiles:insertAttribute name="footer"/></div>
</div>

</body>

</html>